<template>
  <div>
    <DetailsHeader></DetailsHeader>
    <Detailsbottom></Detailsbottom>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import DetailsHeader from '@/views/Details/DetailsHeader/DetailsHeader.vue'
import Detailsbottom from '@/views/Details/Detailsbottom/Detailsbottom.vue'
export default {
  components: {
    DetailsHeader,
    Detailsbottom
  },
  data() {
    return {}
  },
  computed: {
    ...mapState(['items'])
  },
  mounted() {
    //餐馆详情数据
    this.$store.dispatch('getDetails', window.sessionStorage.getItem('shopid'))
    //食品列表
    this.$store.dispatch('getshipin', window.sessionStorage.getItem('shopid'))
  }
}
</script>

<style lang="less" scoped>
</style>